<template>
  <div>
    <button @click='updateProps'>修改props</button>
    {{count}}
    <hr/>
    {{person}}
  </div>
</template>

<script>
export default {
name:'Update',
props: ["count", "person"],
methods: {
    updateProps(){
        this.count++
         //vue不建议直接修改props
        //   首先eslint就会报错，然后vue也会报警告

         this.person.name = "二狗子";
        //  如果props是一个对象,我们修改这个对象内的值,
        // 不会报错,但是不推荐这种不安全的做法
    }
},
}
</script>

<style>

</style>